// 当管理员选择文件的时候
$('#file').on('change', function() {
        // 用户选择到的文件
        var file = this.files[0];
        // 创建formData对象实现二进制文件上传
        var formData = new FormData();
        // 将管理员选择到的文件添加到forData对象中
        formData.append('image', file);
        // 向服务器发送请求 实现图片上传
        $.ajax({
            type: 'post',
            url: '/upload',
            data: formData,
            processData: false,
            contentType: false,
            success: function(response) {
                // console.log(response)
                $('#image').val(response[0].image);
            }
        })
    })
    // 当轮播图表单发生提交行为时
$('#slidesForm').on('submit', function() {
        // 获取管理员在表单中输入的内容
        var formData = $(this).serialize();
        // 向服务器端发送请求 添加轮播图数据
        $.ajax({
                type: 'post',
                url: '/slides',
                data: formData,
                success: function() {
                    location.reload();
                }
            })
            //  阻止表单默认提交行为
        return false;
    })
    //  向服务器端发送请求 索要图片轮播列表
$.ajax({
    type: 'get',
    url: '/slides',
    success: function(response) {
        //   console.log(response);
        var html = template('slidesTpl', {
                data: response
            })
            //   console.log(html);
        $('#slidesBox').html(html);
    }
})

// 当点击删除按钮时删除轮播图
$('#slidesBox').on('click', '.delete', function() {
    if (confirm('您真的要进行删除操作吗?')) {
        //  获取要删除的轮播图id
        var id = $(this).attr('data-id');
        //   向服务器端发送请求删除轮播图
        $.ajax({
            type: 'delete',
            url: '/slides/' + id,
            success: function() {
                location.reload();
            }
        })

    }
})